<template>
  <div :id="detail.identifier" :class="classStyle" :style="{
        fontSize: detail.style.fontSize + 'px',
        fontFamily: detail.style.fontFamily,
        color: detail.style.foreColor,
        textAlign: detail.style.textAlign,
        lineHeight: detail.style.position.h + 'px',
        border: detail.style.waterBorderWidth + 'px solid !important',
        borderRadius: detail.style.borderRadius + 'px !important',
        borderColor: detail.style.waterBorderColor
    }">
    {{ detail.style.text }}
  </div>
</template>

<script>

import BaseView from './View';

export default {
  name: 'view-text',
  extends: BaseView,
  data() {
    return {
      classStyle: null,
    }
  },
  computed: {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.view-text {
  height: 100%;
  width: 100%;
}
</style>
